<template>
  <div class="div1">
    <div class="div2">
      <div class="div3">
        <h3>个人征信及用户信息授权书</h3>
      </div>
      <div class="div4">
        <strong>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <span class="text">
            重要提示：本授权文件包含《个人征信授权书》、《用户信息授权书》（统称“授权书”），为了保障您的合法权益，请您务必审慎阅读、充分理解授权书条款内容，特别是您在授权书范围内的权利和义务。
          </span>
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <span class="text">
            您的点击确认及业务申请、实际使用等行为即视为您已阅读、理解并同意签署《个人征信授权书》、《用户信息授权书》，并授权广东宝坤网络小额贷款有限公司向合作的电子合同服务商代您申请开通及调用您的电子CA签名，以签署授权书。您认可电子签名签署授权书的法律效力，并受签署的授权书约束。如授权书包含至相应业务协议中，对相应业务协议接受同意即视为您已阅读、理解并同意授权书内容。
          </span>
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本人向广东宝坤网络小额贷款有限公司及其关联方、授权合作伙伴（以下称为“被授权人”）作以下不可撤销的授权：
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一、本人同意被授权人在办理以下涉及到本人或与本人有关的业务时，可按照法律法规的规定通过中国人民银行金融信用信息基础数据库、百行征信有限公司、朴道征信有限公司以及其他依法成立的征信机构查询、使用、保存、加工本人信息：
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1、审核本人授信、担保及贷款申请的；
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2、审核本人作为担保人或共同还款人的；
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3、受理法人、其他组织或自然人的授信、贷款申请及贷后风险管理时，需要查询本人作为法人、其他组织或自然人的法定代表人、出资人或关联方的信用状况的；
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4、受理本人担任法定代表人、负责人或出资人的法人、商户或其他组织的特约商户开户申请，需要查询本人信用状况的；
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5、处理贷后管理事务（包括贷款额度授予后对额度的管理），进行贷后风险管理；
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6、处理本人征信异议的。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本授权书所指的本人信息包括本人基本信息、本人信贷信息以及与本人信用相关的其他信息。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;二、信息查询期限
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本授权书下被授权人向中国人民银行金融信用信息基础数据库、百行征信有限公司、朴道征信有限公司以及其他合法成立的征信机构查询本人信息的期限自本人确认本授权承诺之日起至本人在被授权人处所有相关业务终结之日止。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如下情形视为本人与被授权人的业务未终结：本人在被授权人处有信贷余额、授信额度或平台额度；本人提供担保的授信业务有信贷余额或有授信额度，本人对所办理业务申请异议或投诉的。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;三、本人已知晓并同意被授权人可在授权有效期内基于上述业务多次向中国人民银行金融信用信息基础数据库、百行征信有限公司、朴道征信有限公司以及其他合法成立的征信机构查询、收集、使用、留存本人信息。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;四、本人同意被授权人向中国人民银行金融信用信息基础数据库、百行征信有限公司、朴道征信有限公司以及其他合法成立的征信机构报送本人信息（含历史信息、不良信息、负债信息及偿债履约能力判断信息等）。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;五、本人已清楚知悉向被授权人提供或被授权人向中国人民银行金融信用信息基础数据库、百行征信有限公司、朴道征信有限公司以及其他合法成立的征信机构提供上述信息可能会给本人带来财产或信用损失，以及其他可能的不利后果，包括但不限于：采集或报送这些信息对本人的信用评级(评分)、信用报告等结果可能产生的不利影响，以及该等信息被信息使用者依法提供给第三方后被他人不当利用的风险。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;六、本人同意中国人民银行金融信用信息基础数据库、百行征信有限公司（联系方式：contact@baihangcredit.com）、朴道征信有限公司（联系方式：service@pudaocredit.cn
          ）及其他依法成立的征信机构可向被授权人和有关部门、单位（包括但不限于公安、司法、教育、全国公民身份证号码查询服务中心、通信运营商、银联、社保、公积金、税务、民政、物流、电子商务平台、互联网平台、行业协会等合法留存本人信息的第三方机构等）采集、查询、验证、整理、保存、加工本人能够用于判断个人信用状况的各类信息（包括但不限于个人的身份、地址、交通、通信、债务、财产、支付、消费、生产经营、履行法定义务等信息，以及基于前述信息对个人信用状况形成的分析、评价类信息），包括可能对本人产生负面影响的不良信息，并可将上述信息在本授权书第一条所列的情形下向被授权人提供。上述信息的保存期限为法律法规要求的最短时间，其中个人不良信息的保存期限为自不良行为或事件终止之日起5年。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;七、授权人声明
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本人已知悉并理解本授权书所有内容（特别是加粗字体内容）以及由此产生的法律效力，自愿作出上述授权。本授权书是本人真实的意思表示，本人同意承担由此带来的一切法律后果。
          <br />
          <br />
          <br />
          <br />
          <div class="div5">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;授权人姓名： 【<span class="text">{{
              dataInfo.userInfo.idcardName ? dataInfo.userInfo.idcardName : ''
            }}</span
            >】
            <br />
            <br />
            授权人身证号： 【<span class="text">{{
              getIdcardNumber(dataInfo.userInfo.idcardNumber)
            }}</span
            >】
            <br />
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日期： 【<span
              class="text"
              >{{ getDate(dataInfo.contractInfo.createTime) }}</span
            >】
            <br />
          </div>
          <br />
          <br />
          <br />
          <br />
          <br />
        </strong>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
  import { onMounted, ref } from 'vue';
  import { useRoute } from 'vue-router';
  import { findAgreementSign } from '@/api/protocolApi';
  import { findUser } from '@/api/user';
  import { encryptECB, decryptECB } from '@/utils/aes';
  import dayjs from 'dayjs';

  const route = useRoute();
  let getToken = route.query.dataToken ?? '';
  localStorage.setItem('token', getToken.toString());

  const dataInfo: any = ref({
    userInfo: {
      userName: ''
    },
    contractInfo: {
      contractNum: ''
    }
  });

  const getProtocolDetails = () => {
    findAgreementSign({
      agreementId: 4
    })
      .then((res: any) => {
        if (res.length > 0) {
          dataInfo.value.contractInfo = res[0];
        }
      })
      .finally(() => {});
  };
  getProtocolDetails();
  const goFindUser = () => {
    findUser({})
      .then((res: any) => {
        dataInfo.value.userInfo = res;
        dataInfo.value.userInfo.phone = decryptECB(dataInfo.value.userInfo.phone);
      })
      .finally(() => {});
  };
  goFindUser();

  const getIdcardNumber = (data) => {
    return data ? decryptECB(data) : '';
  };
  const getDate = (data) => {
    return data ? dayjs(data).format('YYYY-MM-DD') : '';
  };
</script>
<style lang="less" scoped>
  .div1 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .div2 {
    width: 470px;
  }
  .div3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }
  .div4 {
    font-size: 12px;
    line-height: 24px;
    position: relative;
  }
  .text {
    text-decoration: underline;
  }
  .div5 {
    text-align: left;
    position: absolute;
    width: 50%;
    right: 0;
    bottom: -30px;
  }
  .text {
    text-decoration: underline;
  }
</style>
